<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

   <!--
        label标签：当点击label标签的时候，光标的焦点会自动切换到与之关联的表单元素上
            常用属性：
                for属性：必须与想要关联的表单元素的id属性的值保持一致
                注：几乎所有标签都具有id属性, 且id值必须唯一
        select标签：下拉列表
            常用属性：
                name属性
                size属性：行数，同时显示多个选项
                multiple属性：可以同时选择多个选项
        option标签:下拉列表中的选项
            常用属性:
                value值：传输到服务器中的实际数据，如果省略value值，则将文本内容作为传输数据
                selected：设置默认被选中，selected="selected",简写为selected
                
        textarea标签:多行文本框，文本域，保留编码格式
            常用属性:
                 name
                 rows 行数
                 cols 列数

         button标签:
            常用属性:
                type:submit(默认值)、reset、button
         fieldSet标签:对表单元素进行分组

         legend标签:为分组添加标题
    -->
    <form action="success.html">
        <label for="username"> 用户名:</label>
        <input type="text" id="username" name="username">
        <br>
        <input type="radio" value="male" name="sex" id="male">
        <label for="male">男</label>
        <input type="radio" value="female" name="sex"    id="female">
        <label for="female">女</label>
        <br>
        学历:
        <select name="degree"  size="3" multiple>
            <option value="0">请选择</option>
            <option value="1" >高中</option>
            <option value="2" selected>大学</option>
            <option value="3" selected>研究生</option>
        </select>
        <br>
        <textarea name="protocol" cols="40" rows="5">我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规,我已经阅读过该协议，我会遵守相关的法律法规。
        </textarea>
        <br>
            <button type="submit">提交按钮</button>
            <button type="reset">重置按钮</button>
            <button type="button">普通按钮</button>
        <br>
        <fieldset>
            <legend >大学</legend>
            学校:<input type="text" >
            <br>
            专业:<input type="text" >
            <br>
            班级:<input type="text">
        </fieldset>
        <br>
        <input type="submit">
    </form>
</body>
</html>